@charset 'utf-8';
@import 'common';


// 主体内容
main {
    width: 100%;
    margin-bottom: 80px;

    .about_right {
        width: 100%;
        position: relative;
        margin: 90px 0;

        // 关于我们
        .about {
            width: 625px;
            text-align: left;
            margin-left: 150px;

            h3 {
                font-size: 18px;
                font-family: $font;
                color: #34495e;
            }

            p {
                font-size: 12px;
                font-family: $font;
                color: #34495e;
                line-height: 2.5;
            }


        }

        // 右边图片
        .right_img {
            position: absolute;
            top: -220px;
            right: 200px;
            width: 475px;
            height: 475px;

            img {
                width: 100%;
            }
        }

    }

    // 业务
    .service {
        background: #38373d;
        box-sizing: border-box;
        padding: 25px 0 100px;

        .title {
            text-align: center;
            height: 50px;
            margin-bottom: 30px;

            .en {
                font-size: 26px;
                font-family: "Myriad Pro";
                color: #fff;
                margin-bottom: 10px;
            }

            .cn {
                font-size: 18px;
                font-family: "Adobe Heiti Std";
                color: #fff;
            }
        }

        .service_con {
            width: 1100px;
            margin: 0 auto;
            @include reuse-flex;
            color: #fff;
            justify-content: space-evenly;

            .service_item {
                @include reuse-flex(column);
                align-items: center;
                justify-content: space-around;
                // width: calc(100% / 3 - 265px);
                width: 190px;
                height: 250px;

                .icon {
                    width: 120px;
                    height: 120px;
                }

                .icon_user {
                    background: url('../images/home/user.png');
                }

                .icon_network {
                    background: url('../images/home/network.png');
                }

                .icon_music {
                    background: url('../images/home/music.png');
                }

                h3 {
                    font-size: 16px;
                    font-family: $font;
                }

                p {
                    font-size: 12px;
                    font-family: $font;
                    line-height: 1.2;
                    text-align: center;
                }
            }
        }

    }

    // 最新资讯
    .new {
        width: 1100px;
        background: #fff;
        text-align: center;
        // margin-top: 45px;
        margin: 45px auto 0;

        .new_title {
            font-size: 26px;
            color: #57616c;
            width: 610px;
            border-bottom: 1px solid #e7e7e7;
            padding-bottom: 20px;
            box-sizing: border-box;
            margin: 0 auto 40px;

            span:nth-child(1) {
                font-family: $font;
            }

            span:nth-child(2) {
                font-family: "Vani";
            }
        }

        .new_con {
            @include reuse-flex(row, wrap);
            justify-content: center;

            .new_con_item {
                @include reuse-flex;
                width: calc(100% / 2 - 50px);
                box-sizing: border-box;
                align-items: center;
                justify-content: center;
                margin-bottom: 30px;

                // 左边图标
                .left_icon {
                    background: url('../images/home/icon-earphone.png') center;
                    width: 81px;
                    height: 90px;
                }

                // 右边描述
                .right_txt {
                    font-size: 14px;
                    font-family: $font;
                    color: #5f5f61;
                    line-height: 1.5;
                    text-align: left;
                    width: 308px;
                    box-sizing: border-box;
                    padding: 0 0 0 15px;
                    position: relative;
                    height: 45px;

                    span:nth-child(2) {
                        box-sizing: border-box;
                        // padding-left: 40px;
                        position: absolute;
                        bottom: 5px;
                        right: 15px;
                    }
                }
            }
        }
    }

    // 产品与科技
    .product {
        background: url('../images/home/product-bg.png') no-repeat center;
        height: 566px;
        background-size: 100% 100%;
        position: relative;
        // opacity: 0.5;

        .product_title {
            width: 610px;
            font-size: 26px;
            font-family: $font;
            color: #fff;
            border-bottom: 1px solid #e7e7e7;
            box-sizing: border-box;
            // padding-bottom: 20px;
            margin: 0 auto;
            text-align: center;
            height: 70px;
            line-height: 70px;
        }



        // 轮播
        .swiper {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 380px;

            .swiper_img {
                position: relative;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                @include reuse-flex;
                width: 980px;
                justify-content: center;
                align-items: flex-end;

                img {
                    // position: absolute;
                    // top: 50%;
                    // transform: translate(-50%, -50%);
                    width: 247px;
                    height: 246px;
                }

                img:nth-child(1) {
                    filter: brightness(0.5);
                }

                img:nth-child(2) {
                    margin: 0 60px;

                }

                img:nth-child(3) {
                    filter: brightness(0.5);
                }

                img.active {
                    width: 370px;
                    height: 370px;
                }
            }

            .left,
            .right {
                width: 69px;
                height: 69px;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                cursor: pointer;
            }

            .left {
                left: 70px;
                background: url('../images/home/icon-left.png');
            }

            .right {
                right: 70px;
                background: url('../images/home/icon-right.png');
            }
        }

    }
}